<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>

<meta charset="utf-8" />
<title>Evaluador Web</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
	$( "#datepicker1" ).datepicker();
	$( "#datepicker1" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#datepicker2" ).datepicker();
	$( "#datepicker2" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp1" ).datepicker();
	$( "#dpacudesemp1" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp2" ).datepicker();
	$( "#dpacudesemp2" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp3" ).datepicker();
	$( "#dpacudesemp3" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp4" ).datepicker();
	$( "#dpacudesemp4" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacudesemp5" ).datepicker();
	$( "#dpacudesemp5" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo1" ).datepicker();
	$( "#dpacdllo1" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo2" ).datepicker();
	$( "#dpacdllo2" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo3" ).datepicker();
	$( "#dpacdllo3" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo4" ).datepicker();
	$( "#dpacdllo4" ).datepicker('option', {dateFormat: 'yy-mm-dd'});
	$( "#dpacdllo5" ).datepicker();
	$( "#dpacdllo5" ).datepicker('option', {dateFormat: 'yy-mm-dd'});	
	});
</script>

<!-- This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="robots" content="all,follow" />

<meta name="author" lang="en" content="All: Your website name [www.your-website.com]; e-mail: info@your-website.com" />
<meta name="copyright" lang="en" content="webdesign: Vit Dlouhy [Nuvio - www.nuvio.cz; NuvioTemplates - www.nuviotemplates.com]; e-mail: hello@nuviotemplates.com" />

<meta name="description" content="..." />
<meta name="keywords" content="..." />

<link rel="stylesheet" media="screen,projection" type="text/css" href="http://localhost/Sistema360/common/theme/css/content.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/Sistema360/common/theme/css/table.css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="http://localhost/Sistema360/common/theme/themes/css/main-msie.css" /><![endif]-->
<link rel="stylesheet" media="screen,projection" type="text/css" href="http://localhost/Sistema360/common/theme/css/scheme.css" />
<link rel="stylesheet" media="print" type="text/css" href="http://localhost/Sistema360/common/theme/css/print.css" />

		<title>Evaluador Web</title>
		<script type="text/javascript">
			/*function seleccionarCargo(idcargo){
				
				var cargo = idcargo.split(',');				
				document.getElementById('cargos').value = cargo[1];
				
				var responsabilidad1 = document.getElementById('responsabilidad1');
				var responsabilidad2 = document.getElementById('responsabilidad2');
				var responsabilidad3 = document.getElementById('responsabilidad3');
				var responsabilidad4 = document.getElementById('responsabilidad4');
				var responsabilidad5 = document.getElementById('responsabilidad5');
				
				responsabilidad1.length = 0;
				responsabilidad2.length = 0;
				responsabilidad3.length = 0;
				responsabilidad4.length = 0;
				responsabilidad5.length = 0;
				
				var i;				
				var x = document.getElementById('alineadoa'+cargo[1]);	
				for (i = 0; i < x.length; i++){
					responsabilidad1.options[responsabilidad1.options.length] = new Option(x.options[i].text,x.options[i].value);
					responsabilidad2.options[responsabilidad2.options.length] = new Option(x.options[i].text,x.options[i].value);
					responsabilidad3.options[responsabilidad3.options.length] = new Option(x.options[i].text,x.options[i].value);
					responsabilidad4.options[responsabilidad4.options.length] = new Option(x.options[i].text,x.options[i].value);
					responsabilidad5.options[responsabilidad5.options.length] = new Option(x.options[i].text,x.options[i].value);															
				}
			}*/
				
			function calcularPorcentaje(indice){

				if (document.getElementById('maximo'+indice).value!='' &&
					document.getElementById('minimo'+indice).value!=''){

						var max = parseInt(document.getElementById('maximo'+indice).value);
						var min = parseInt(document.getElementById('minimo'+indice).value);
						var valor = parseInt(document.getElementById('valor_cumplimiento'+indice).value);
						var res = 0;
						
						if (valor > min && valor <= max)
							res = valor*100/max;
						else if (valor <= min)
							res = valor*75/min;
						else if (valor > max)
							res = 100;

					document.getElementById('cump_obtenido'+indice).value = res;
					document.getElementById('hcump_obtenido'+indice).value = res;
				}
				
			}
		</script>
		</head>

<body>

<div id="main">

		<!-- Header -->
		<div id="header">

				<!-- Your logo -->
				<h1 id="logo"><a href="#">Sistema Evaluador Web </a></h1>
				<hr class="noscreen" />

				<!-- Your slogan -->
				<div id="slogan"><font face = "brush script MT" color = "#FFFFFF" size="6px">Iomicrom S.A.S</font></div>
				<hr class="noscreen" />

				<!-- Hidden navigation -->
				<p class="noscreen noprint"><em>Quick links: <a href="#content">content</a>, <a href="#nav">navigation</a>.</em></p>
						<hr class="noscreen" />

						</div> <!-- /header -->

		<!-- Navigation -->
		<div id="nav">

		<ul class="box">
    		<li id="nav-breadcrumb"><a href="http://localhost/Sistema360/index.php/main">Inicio</a></li>
            <li id="nav-breadcrumb"><a href="http://localhost/Sistema360/index.php/main/load_module/evaluate">Evaluaci&oacute;n</a></li>
            <li id="nav-active"><a href="http://localhost/Sistema360/index.php/evaluacion/load_content/desempeno">Evaluaci&oacute;n de Desempe&ntilde;o</a></li>
            <li id="nav-exit"><a href="http://localhost/Sistema360/index.php/logout">Cerrar Sesi&oacute;n</a></li>
        </ul>

    <hr class="noscreen" />
    </div> <!-- /nav -->

    <!-- 2 columns (content + sidebar) -->
    <div id="cols" class="box">
		
        <!-- Content -->
        <div id="content">

    		<form method="post" action="http://localhost/Sistema360/index.php/evaluacion/load_content/calificar/desempeno">
    			<h2 id="content-title">Evaluaci&oacute;n de Desempe&ntilde;o</h2>

            <div style="padding-left: 1%; padding-top: 2%;">
              <label>1. DETALLE DE OBJETIVOS</label>
              <hr noshade="noshade" width="200" />
              <div align="center">
              	<input type="hidden" id="id_empleado" name="id_empleado" value="<?php echo $id_empleado; ?>">
              	<input type="hidden" id="id_cargo_empleado" name="id_cargo_empleado" value="<?php echo $id_cargo_empleado; ?>">
              	<input type="hidden" id="id_dependencia_empleado" name="id_dependencia_empleado" value="<?php echo $id_dependencia_empleado; ?>">
              	<input type="hidden" id="id_lider_evaluador" name="id_lider_evaluador" value="<?php echo $id_lider_evaluador; ?>">
              	<table id="darktable">
            		<thead>
            			<tr>
            				<th style='width: 205px;'>Nombre Empleado</th>
            				<th style='width: 205px;'>Cargo</th>
            				<th style='width: 205px;'>Proceso</th>
            				<th style='width: 205px;'>L&iacute;der que Eval&uacute;a</th>
            			</tr>
            		</thead>
            		<tbody>
            			<tr>
            				<td><?php echo $nombres_empleado; ?></td>
            				<td><?php echo $cargo_empleado; ?></td>
            				<td><?php echo $dependencia_empleado; ?></td>
            				<td><?php echo $nombres_lider_evaluador;?></td>
            			</tr>
            		</tbody>
            	</table>
            	<table>
            		<tr>
						<td>
							<label><b>Periodo</b></label>
						</td>
						<td>
							<label style="font-weight: bold;">Desde:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input type="text" id="datepicker1" name="datepicker1" />
						</td>
						<td>
						</td>
						<td>
							<label style="font-weight: bold;">Hasta:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input type="text" id="datepicker2" name="datepicker2" />
						</td>
						<td>
						</td>
					</tr>
            	</table>
            	</div>
            	<label>2. DETALLE DE OBJETIVOS</label>
            	<hr noshade="noshade" width="200" />
            	<label>&nbsp;&nbsp;2.1. Objetivos de Resultado</label>
			    <hr noshade="noshade" width="200" />
			    <br>
			    <label>Acuerdos de Desempe&ntilde;o</label>
			    <div style="overflow: auto;">				    
			    	<?php echo $tabla_acuerdos_desempeno; ?>
			    </div>
			    <br>
			    <label>Cumplimiento Objetivos de Resultado </label>
			    	<?php echo $tabla_cumpobj_resultado; ?>
			    <br>
			    <label>Acuerdos de Desarrollo</label>
			    <div style="overflow: auto;">				    
			    	<?php echo $tabla_acuerdos_desarrollo; ?>
			    </div>
			    <br>
			    <label>Cumplimiento Etapa de Desarrollo</label>
			    <div style="overflow: auto;">				    
			    	<?php echo $tabla_cumpobj_dllo; ?>
			    </div>			
			    <br>
			    <label>Observaciones Etapa de Seguimiento</label>
			    <div style="overflow: auto;">				    
			    	<?php echo $tabla_observacion_desarrollo; ?>
			    </div>			
			    <br>
			    <label>Observaciones Etapa de Cierre</label>
			    <div style="overflow: auto;">				    
			    	<?php echo $tabla_observacion_cierre; ?>
			    </div>	
            	<label style="color: blue;"><?php echo $crear_transaction_msg; ?></label>
            	<br>           	
            	<!--   <input type="submit" value="Crear" style="width: 50px;">   Comentario en HTML -->
            	<input type="submit" value="Crear" style="width: 50px;">        
    		</div>
            </form>

            <hr class="noscreen" />
                           
        </div> <!-- /content -->

        <hr class="noscreen" />
    
    </div> <!-- /cols -->
    
    <div id="cols-bottom"></div>

    <hr class="noscreen" />
    
    <!-- Footer -->
    <div id="footer">

        <!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->            
        <p class="f-right"><a href="http://www.nuviotemplates.com/">Free web templates</a> presented by <a href="http://www.qartin.cz/">QARTIN</a>, sponsored by <a href="http://www.lekynainternetu.cz/">Leky</a></p>
        <!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
        
        <p>&copy;&nbsp;2013 <a href="http://www.iomicrom.co">iomicrom S.A.S</a></p>

    </div> <!-- /footer -->

</div> <!-- /main -->
</body>
</html>